<template>
    <div class="YXWHFW_wraper">
        <div class="wrap">
            <div class="header">
                <span class="icon"></span>
                <span class="title">{{ $t('p3.tab5.title') }}</span>
            </div>

            <div class="content">
                <div class="desc" v-html="$t('p3.tab5.desc')"></div>

            </div>
            <div class="content_wrap">
                <div class="box2 c2">
                    <div v-if="otherInfoData" v-html="otherInfoData.description"></div>
                </div>
            </div>


        </div>
    </div>
</template>
<script>
import p1 from '@/assets/images/wi/21.png'
import P1518 from '@/assets/images/wi/P1518.png'
import P1519 from '@/assets/images/wi/P1519.png'
import { getStore } from '@/libs'
export default {
    name: "index",
    components: {

    },
    data() {
        return {
            p1,P1518,P1519,
            params: null,
            otherInfoData: null,
            detail: null
        }
    },

    created() {
        this.params = this.$route.query
        this.getOtherInfo()
        // this.getInfo()
    },
    methods: {
        /**
         * 其他动态编辑，系统集成服务（移动端）
         */
         async getOtherInfo() {
            let terminal = 2
            let country = 1
            let type = 7

            // 切换语言
            if(getStore({name: 'language'}) === 'jp') {
                country = 2
                type = 701
            }
            const res = await this.$http({
                url: '/api/siteabout/info',
                method: 'GET',
                params: {type, terminal, country}
            })
            this.otherInfoData = Object.assign({}, res.data)
        },
        /**
         * 详细信息
         */
        // async getInfo() {
        //     const res = await this.$http({
        //         url: '/api/sitepagelist/info',
        //         method: 'GET',
        //         params: {id: '1692724706449895426'}
        //     })
        //     this.detail = Object.assign({}, res.data)
        // },
    }
};
</script>


<style lang="scss" scope>
.YXWHFW_wraper{
    color: #333333;
    display: flex;
    justify-content: center;

    .wrap{
        width: 100%;
        .header{
            padding: 0 20px;
            display: flex;
            align-items: center;
            margin-top: 50px;
            span.icon{
                display: block;
                width: 5px;
                height: 35px;
                background-color: #98000A;
                border-right: 2px solid #FCA400;
            }
            span.title{
                font-size: 28px;
                font-weight: bold;
                margin-left: 10px;
            }
        }
        .content{
            padding: 0 20px;
            display: flex;
            flex-direction: column;
            margin-top: 20px;
            .desc{
                display: flex;
                flex: 5;
                padding: 10px 0;
                font-size: 22px;
                color: #333333;
                // font-size: 14px;
                margin-bottom: 20px;
            }

            // .content_wrap{
            //     display: flex;
            //     width: 100%;
            //     justify-content: center;
            //     padding: 30px;
            //     .ctx{
            //         display: flex;
            //         flex-direction: column;
            //         width: 100%;
            //         img{
            //             width: 100%;
            //             height: 100%;
            //         }
            //     }
            // }
        }
        .content_wrap{
            padding: 0 20px;
            box-sizing: border-box;
            .box2{
                display: flex;
                flex-direction: column;
                margin-top: 50px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }

        .foottext_wrap{
            display: flex;
            padding: 20px 0;
            margin-bottom: 50px;
            img{
                // width: 100%;
            }
        }

    }
}
</style>
